<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:comp="http://java.sun.com/jsf/composite/componentes"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="coluna_central">

		<div class="well">
			<h:form class="bs-example form-horizontal"
				enctype="multipart/form-data">
				<h:messages showDetail="true" />
				<fieldset>
					<legend>Cadastro de Produto</legend>
					<ul>
						<div class="form-group span5">
							<h:outputLabel value="Categoria do Produto:" />
							<h:selectOneMenu id="comboCategoria"
								value="#{produtoBean.produto.catProduto}" required="true">
								<f:selectItem itemLabel="Selecione" itemValue="0" />
								<f:selectItem itemLabel="Bem estar" itemValue="1" />
								<f:selectItem itemLabel="Comer e beber" itemValue="2" />
								<f:selectItem itemLabel="Diversos" itemValue="3" />
								<f:selectItem itemLabel="Entretenimento" itemValue="4" />
							</h:selectOneMenu>
						</div>
						<div class="form-group span5">
							<h:outputLabel value="Nome do Produto:" />
							<h:inputText id="nomeProduto"
								value="#{produtoBean.produto.nomeProduto}" required="true" />
						</div>
						<div class="form-group span5">
							<h:outputLabel value="Valor do Produto:" />
							<h:inputText id="valorProduto" onkeydown="mascara(this,decimal2)"
								value="#{produtoBean.valor}" required="true" />
						</div>
						<div class="form-group span5">
							<h:outputLabel value="Empresa:" />
							<h:selectOneMenu id="comboEmpresa"
								value="#{produtoBean.empresaSelecionada.nomeEmpresa}"
								required="true">
								<f:selectItem itemLabel="Selecione" itemValue="0" />
								<f:selectItems value="#{produtoBean.lista}" />
							</h:selectOneMenu>
						</div>
						<div class="span8">
							<h:outputLabel value="Descrição do produto:" />
							<p:inputTextarea styleClass="span8" rows="6" cols="300"
								counter="counter" maxlength="400"
								counterTemplate="{0} Caractéres restantes" id="descProduto"
								value="#{produtoBean.produto.descProduto}" required="true" />
							<h:outputText id="counter" />
						</div>
						<div class="form-group span8">
							<br />
							<h:outputLabel value="Imagem:" />
							<p:fileUpload fileUploadListener="#{produtoBean.doUpload}"
								label="Procurar..." mode="advanced" update="imagem"
								allowTypes="/(\.|\/)(gif|jpe?g|png)$/" auto="true" />
							<h:outputText value="#{produtoBean.imagem}" id="imagem" />
						</div>
						<legend>
							<p>
								<br></br>
							</p>
						</legend>
						<div class="span3">
							<h:commandButton class="btn btn-primary btn-small search_btn"
								value="Salvar" action="#{produtoBean.salvar}">
								<f:ajax execute="@form" render="@form" />
							</h:commandButton>
						</div>
					</ul>
				</fieldset>
			</h:form>
		</div>
	</ui:define>
</ui:composition>